<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width, initial-scale=1">
	<meta content="大志远电影网是个电影社区，你可以在里面和大家分享你所喜欢的电影" name="description">
	<meta content="大志远，志远，大志远电影网" name="keywords">
    <title>大志远电影网</title>
    <link href="assets/bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="assets/bower_components/fontawesome/css/font-awesome.min.css" rel="stylesheet">
    <link href="assets/css/style.css" rel="stylesheet">
    <link href="assets/css/style-responsive.css" rel="stylesheet">

</head>
<body>
<div class="pre-header">
    <div class="container">
        <div class="row">
            <div class="col-md12 col-sm-12 logo clearfix">
				<img src="assets/img/index/logo.png" alt="logo"/>
				<a href="#" class="person-sign">
					<img class="person-img" src="assets/img/index/person_default.gif" alt="头像" />
					<span class="person-name">whoyouare丶</span>
				</a>
			</div>
        </div>
    </div>
</div>
<div class="header">
    <div class="container">
        <nav class="navbar navbar-inverse" role="navigation">
            <div class="navbar-header">
                <button data-target="#navbar-collapse" data-toggle="collapse" class="navbar-toggle" type="button">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
            </div>
            <!-- Collect the nav links, forms, and other content for toggling -->
            <div id="navbar-collapse" class="collapse navbar-collapse">
                <ul class="nav navbar-nav">
                    <li class="active"><a href="javacript:void(0);">首页</a></li>
                    <li><a href="#">站内推荐</a></li>
                    <li><a href="#">热门电影</a></li>
                    <li><a href="#">我的收藏</a></li>
                    <li class="clearfix">
						<div class="input-group header-search">
							<input type="text" class="form-control search-input input-sm" placeholder="search">
							<span class="input-group-btn search-span">
								<button type="submit" class="btn input-sm search-btn"><i class="fa fa-search"></i>
								</button>
							</span>
						</div>
                    </li>
                </ul>
            </div>
        </nav>
    </div>
</div>
<div class="page-slider">
    <div id="slider_container" class="slider-container">
        <!-- Loading Screen -->
        <div u="loading" class="loading">
            <div class="transparent"></div>
            <div class="loading-img">
            </div>
        </div>
        <!-- Slides Container -->
        <div u="slides" class="slides">
            <div>
                <img u="image" src="assets/img/index/slider/Home_1.jpg"/>
                <div style="color: #ffffff; font-size: 60px; font-weight: bolder; height: 60px; line-height: 60px; padding: 5px; position: absolute; text-align: center; top: 180px; width: 100%;">
                   
                </div>
                <div style="color: #ffffff; font-size: 21px; height: 40px; line-height: 20px; padding: 5px; position: absolute; text-align: center; top: 270px; width: 100%;">
                     
                </div>
            </div>
            <div>
                <img u="image" src="assets/img/index/slider/Home_2.jpg"/>
                <div style="color: #ffffff; font-size: 60px; font-weight: bolder; height: 60px; line-height: 60px; padding: 5px; position: absolute; text-align: center; top: 330px; width: 100%;">
                死侍
                </div>
                <div style="color: #ffffff; font-size: 23px; font-weight: bold; height: 40px; line-height: 20px; padding: 5px; position: absolute; text-align: center; top: 410px; width: 100%;">
                死侍（Deadpool）是美国漫威漫画旗下反英雄。
                </div>
            </div>
            <div>
                <img u="image" src="assets/img/index/slider/Home_3.jpg"/>
                <div style="position: absolute; width: 100%; height: 40px; top: 230px;padding: 5px;
                    text-align: center; line-height: 40px; text-transform: uppercase; font-size: 40px;font-weight: bold;letter-spacing:0.1em;
                        color: #FFFFFF;">IT'S UP TO YOU
                </div>
            </div>
        </div>

        <!-- bullet navigator container -->
        <div u="navigator" class="jssorb21" style="">
            <!-- bullet navigator item prototype -->
            <div u="prototype"></div>
        </div>
        <!-- Bullet Navigator Skin End -->
        <!-- Arrow Left -->
        <span u="arrowleft" class="jssora21 jssora21l"></span>
        <!-- Arrow Right -->
        <span u="arrowright" class="jssora21 jssora21r"></span>
    </div>
</div>
<div class="main">
    <div class="container">
        <div class="row" id="hotMovies">
            <div class="col-sm-12 index-products">
                <div class="row">
                    <div class="col-sm-12 index-products-title">
                        <h3>推荐电影</h3>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-12 index-main-products">
						<div class="col-md-4">
							<div class="index-products-description">
								<div class="index-products-img"><img src="assets/img/movies/movie1.jpg"/></div>
								<h5>老爸当家</h5>
								<p>性格温和的老爸布拉德（威尔·法瑞尔 Will Ferrell 饰），他的人生目标就是要成为继子女心目中最棒的父亲。当孩子们游手好闲的亲生父亲达斯蒂（马克·沃尔伯格 Mark Wahlberg 饰）登门造访之后，两位老爸为了争取孩子们的欢心开始明争暗斗，闹出不少笑话。  </p>
							</div>
						</div>
						<div class="col-md-4">
							<div class="index-products-description">
								<div class="index-products-img"><img src="assets/img/movies/movie2.jpg"/></div>
								<h5>裁缝</h5>
								<p>根据罗莎莉最畅销的小说改编,美女裁缝蒂莉的故事，蒂莉回到她的家乡在纠正过去的错误。时尚的戏剧和喜剧色彩的剧情。  </p>
							</div>
						</div>
						<div class="col-md-4">
							<div class="index-products-description">
								<div class="index-products-img"><img src="assets/img/movies/movie3.jpg"/></div>
								<h5>八恶人</h5>
								<p>寒冷的怀俄明州山谷中，一辆马车载着赏金猎人“绞刑者”约翰·鲁斯（库尔特·拉塞尔 Kurt Russell 饰）及其价值一万美元的猎物黛西·多摩格（詹妮弗·杰森·李 Jennifer Jason Leigh 饰）踏雪而行。途中，黑人赏金猎人马奎斯·沃伦少校（塞缪尔·杰克逊 Samuel L. Jackson 饰）和新人警长克里斯·马尼克斯（沃尔顿·戈金斯 Walton Goggins 饰）相继登上马车，红石镇是他们共同的目标。 </p>
							</div>
						</div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-12 index-main-products">
						<div class="col-md-4">
							<div class="index-products-description">
								<div class="index-products-img"><img src="assets/img/movies/movie4.jpg"/></div>
								<h5>傲慢与偏见与僵尸</h5>
								<p>《傲慢与偏见与僵尸》的作者是塞斯·格拉汉姆-史密斯（Seth Graham-Smith），他沿用奥斯汀的故事设定和语言风格，讲述了伊丽莎白·班纳特所在的小镇降临了一场瘟疫，很多人都变成了僵尸，伊丽莎白立志要把僵尸全部消灭掉，然而傲慢无礼的达西先生的到来，打乱了她的计划，经过一番斗嘴和好，两人开始携起手来对付僵尸，最终拯救了小镇。</p>
							</div>
						</div>
						<div class="col-md-4">
							<div class="index-products-description">
								<div class="index-products-img"><img src="assets/img/movies/movie5.jpg"/></div>
								<h5>纯情</h5>
								<p>电影《纯情》讲述了一封在音乐节目直播过程中收到的来自23年前的信所引发的故事，描述了超越过去与现在的初恋和5名朋友之间的友情。片中，都暻秀饰演性格木讷但一片丹心的范实，金所炫饰演拥有天籁美声的少女秀玉。 </p>
							</div>
						</div>
						<div class="col-md-4">
							<div class="index-products-description">
								<div class="index-products-img"><img src="assets/img/movies/movie6.jpg"/></div>
								<h5>废柴特工</h5>
								<p>宅男麦克（杰西·艾森伯格 Jesse Eisenberg 饰）是一个小镇超市的收银员，每天在柜台后面画着从未被出版的火箭猴超级英雄的漫画。他想带着他的女友兼保释官菲比（克里斯汀·斯图尔特 Kristen Stewart 饰）去夏威夷度假，但却因自己患有离镇恐惧症不能离开小镇而告吹。 </p>
							</div>
						</div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row" id="hotMovies">
            <div class="col-sm-12 index-products">
                <div class="row">
                    <div class="col-sm-12 index-products-title">
                        <h3>热门电影</h3>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-12 index-main-products">
						<div class="col-md-4">
							<div class="index-products-description">
								<div class="index-products-img"><img src="assets/img/movies/movie2.jpg"/></div>
								<h5>Bet Monitoring</h5>
								<p>Here goes a short description about the service. Here goes a short description
									about the service. </p>
							</div>
						</div>
						<div class="col-md-4">
							<div class="index-products-description">
								<div class="index-products-img"><img src="assets/img/movies/movie1.jpg"/></div>
								<h5>Bet Monitoring</h5>
								<p>Here goes a short description about the service. Here goes a short description
									about the service. </p>
							</div>
						</div>
						<div class="col-md-4">
							<div class="index-products-description">
								<div class="index-products-img"><img src="assets/img/movies/movie2.jpg"/></div>
								<h5>Bet Monitoring</h5>
								<p>Here goes a short description about the service. Here goes a short description
									about the service. </p>
							</div>
						</div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-12 index-main-products">
						<div class="col-md-4">
							<div class="index-products-description">
								<div class="index-products-img"><img src="assets/img/movies/movie1.jpg"/></div>
								<h5>Bet Monitoring</h5>
								<p>Here goes a short description about the service. Here goes a short description
									about the service. </p>
							</div>
						</div>
						<div class="col-md-4">
							<div class="index-products-description">
								<div class="index-products-img"><img src="assets/img/movies/movie2.jpg"/></div>
								<h5>Bet Monitoring</h5>
								<p>Here goes a short description about the service. Here goes a short description
									about the service. </p>
							</div>
						</div>
						<div class="col-md-4">
							<div class="index-products-description">
								<div class="index-products-img"><img src="assets/img/movies/movie1.jpg"/></div>
								<h5>Bet Monitoring</h5>
								<p>Here goes a short description about the service. Here goes a short description
									about the service. </p>
							</div>
						</div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row" id="hotMovies">
            <div class="col-sm-12 index-products">
                <div class="row">
                    <div class="col-sm-12 index-products-title">
                        <h3>我的收藏</h3>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-12 index-main-products">
						<div class="col-md-4">
							<div class="index-products-description">
								<div class="index-products-img"><img src="assets/img/movies/movie2.jpg"/></div>
								<h5>Bet Monitoring</h5>
								<p>Here goes a short description about the service. Here goes a short description
									about the service. </p>
							</div>
						</div>
						<div class="col-md-4">
							<div class="index-products-description">
								<div class="index-products-img"><img src="assets/img/movies/movie1.jpg"/></div>
								<h5>Bet Monitoring</h5>
								<p>Here goes a short description about the service. Here goes a short description
									about the service. </p>
							</div>
						</div>
						<div class="col-md-4">
							<div class="index-products-description">
								<div class="index-products-img"><img src="assets/img/movies/movie2.jpg"/></div>
								<h5>Bet Monitoring</h5>
								<p>Here goes a short description about the service. Here goes a short description
									about the service. </p>
							</div>
						</div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-12 index-main-products">
						<div class="col-md-4">
							<div class="index-products-description">
								<div class="index-products-img"><img src="assets/img/movies/movie1.jpg"/></div>
								<h5>Bet Monitoring</h5>
								<p>Here goes a short description about the service. Here goes a short description
									about the service. </p>
							</div>
						</div>
						<div class="col-md-4">
							<div class="index-products-description">
								<div class="index-products-img"><img src="assets/img/movies/movie2.jpg"/></div>
								<h5>Bet Monitoring</h5>
								<p>Here goes a short description about the service. Here goes a short description
									about the service. </p>
							</div>
						</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="footer">
    <div class="container">
        <div class="row copyright-row">
            <div class="col-md-3 col-md-offset-1">大志远电影网.</div>
            <div class="col-md-3"><a href="javacript:void(0);">技术支持</a></div>
            <div class="col-md-2"><a href="javacript:void(0);">大志远工作室</a></div>
            <div class="col-md-2"><img src="assets/img/index/Home_09.gif"></div>
        </div>
    </div>
</div>

<script src="assets/bower_components/jquery/dist/jquery.min.js"></script>
<script src="assets/bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="assets/bower_components/jssor-slider/js/jssor.slider.mini.js"></script>
<script src="assets/js/common.js"></script>
<script src="assets/js/global.js"></script>
</body>
</html>
<script>
    $(function () {
        maxgaming.navigator.init()
        maxgaming.slider.init()
    });
</script>